<template>
    <div class="example">
        <h5>publicDialog:</h5>
        <section class="pagination">
            <el-button @click="dialogVisible1=true" size="small">点击显示</el-button>
            <dialog1 :el_point_dialogVisible="dialogVisible1" :el_point_opintData="opintData1" @el-closedialog="dialogVisible1=false"/>
            <ul class="explain">
                <li>manage-public-dialog</li>
                <li>el_title 标题</li>
                <li>slot="content" 放置内容</li>
            </ul>
        </section>
        <section class="pagination">
            <el-button @click="dialogVisible2=true" size="small">点击显示</el-button>
            <dialog2 :el_point_dialogVisible="dialogVisible2" :el_point_opintData="opintData2" @el-closedialog="dialogVisible2=false"/>
            <ul class="explain">
                <li>slot="dialogButton" 自定义脚部功能，默认为一个取消一个确定</li>
            </ul>
        </section>
    </div>
</template>
<script>
import dialog1 from "./module/dialog1.vue"
import dialog2 from "./module/dialog2.vue"
export default {
    components:{
        dialog1,
        dialog2
    },
    data(){
        return{
            dialogVisible1:false,
            dialogVisible2:false,
            opintData1:"自定义内容",
            opintData2:"自定义内容"
        }
    }
}
</script>